<!-- --------------------------------------
 * MV视频页面
 * @author zhoufei
 * @date 2020/1/22
-------------------------------------- --->
<script lang="tsx">
import { Component, Vue } from 'vue-property-decorator'
import MVPage from './MV'

@Component
export default class MV extends Vue {
  render() {
    return <MVPage />
  }
}
</script>

<style lang="scss">
// el global
.mv {
  .el-divider {
    // margin: 4px 0;
    margin-top: 6px;
    margin-bottom: 6px;
  }
}
.mv {
  padding: 8px;
  margin: 0 auto;
  max-width: 1120px;
  .mv-title {
    font-weight: normal;
    vertical-align: middle;
    margin: 10px 0;
    .back-row {
      cursor: pointer;
    }
    .back-arrow {
      font-size: 20px;
      cursor: pointer;
      vertical-align: middle;
    }
  }
  .mv-name {
    font-size: 18px;
    margin: 0 6px;
    vertical-align: middle;
  }
  .artist-name {
    font-size: 14px;
    vertical-align: bottom;
    margin-left: 10px;
  }
  .mv-btn-group {
    margin: 8px 0;
  }
}

// 评论
.mv-comment {
  margin-top: 20px;
  .title {
    font-weight: normal;
  }
  .comment-count {
    font-size: 12px;
    color: #555;
  }
}

// MV介绍
.mv-js {
  .js-title {
    // margin: 0;
    margin: 10px 0;
    font-size: 18px;
    font-weight: normal;
  }
}
</style>
